<template>
  <div class="container">
      <div class="title">
        <menuTitle :titleName="titleName"></menuTitle>
      </div>
      <div class="content">
         <search :options="options" @searchParams='searchParams'></search>
         <div class="tablewrap">
             <tables :tableData="tableData"></tables>
         </div>
      </div>
    
  </div>
</template>

<script>
import menuTitle from './components/menuTitle.vue'
import search from './components/search.vue'
import tables from './components/systemTable.vue'
export default {
  data() {
    return {
        titleName: '巡检记录',
        options: [{
            value: '1',
            label: '已完成'
            }, {
            value: '2',
            label: '进行中'
            }, {
            value: '3',
            label: '超时待完成'
            }, {
            value: '4',
            label: '超时完成'
            }, {
            value: '5',
            label: '超时未完成'
        }],
        tableData: [{
          recordDate: '2016-05-02',
          planName: '王小虎第一次巡检',
          dayNum: '2',
          objectName: '王小虎',
          headName: '王小虎',
          planTime: '2:00-3:00',
          trolTime: '2:00-3:00',
          costTime: '2h',
          status: '已完成'
        },{
          recordDate: '2016-05-02',
          planName: '王小虎第一次巡检',
          dayNum: '2',
          objectName: '王小虎',
          headName: '王小虎',
          planTime: '2:00-3:00',
          trolTime: '2:00-3:00',
          costTime: '2h',
          status: '已完成'
        },{
          recordDate: '2016-05-02',
          planName: '王小虎第一次巡检',
          dayNum: '2',
          objectName: '王小虎',
          headName: '王小虎',
          planTime: '2:00-3:00',
          trolTime: '2:00-3:00',
          costTime: '2h',
          status: '已完成'
        },{
          recordDate: '2016-05-02',
          planName: '王小虎第一次巡检',
          dayNum: '2',
          objectName: '王小虎',
          headName: '王小虎',
          planTime: '2:00-3:00',
          trolTime: '2:00-3:00',
          costTime: '2h',
          status: '已完成'
        },{
          recordDate: '2016-05-02',
          planName: '王小虎第一次巡检',
          dayNum: '2',
          objectName: '王小虎',
          headName: '王小虎',
          planTime: '2:00-3:00',
          trolTime: '2:00-3:00',
          costTime: '2h',
          status: '已完成'
        },]
    };
  },
  components: {
      menuTitle,
      search,
      tables
  },
  mounted() {
  },
  methods: {
      searchParams(data) {
          console.log(data)
      }
  }
};
</script>

<style lang="less" scoped>
/deep/ .el-divider--horizontal {
        margin: 10px 0;
}
.container {
  background: #fff;
  width: 100%;
  .title {
      width: 100%;
  }
  .content {
      width: 100%;
      .tablewrap {
          width: 100%;
      }
  }
}
</style>
